<template>
  <div class="login-footer">
    <div>
      <a href="javascript:;">关于我们</a>
      <a href="javascript:;">帮助中心</a>
      <a href="javascript:;">售后服务</a>
      <a href="javascript:;">配送与验收</a>
      <a href="javascript:;">商务合作</a>
      <a href="javascript:;">搜索推荐</a>
      <a href="javascript:;">友情链接</a>
    </div>
    <p>CopyRight &copy; 小兔鲜儿</p>
  </div>
</template>

<script>
export default {
  name: 'LoginFooter'
}
</script>

<style lang="less" scoped>
.login-footer {
  //height: 160px;
  padding: 30px 0 50px;
  text-align: center;
  background-color: #fff;

  > div {
    padding-top: 20px;

    a {
      position: relative;
      padding: 0 10px 0;
      color: #999;

      &::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 0;
        width: 1px;
        height: 12px;
        background-color: #999;
      }

      // 找到最后一个a标签的after伪元素设置成
      &:last-child {
        &::after {
          display: none;
        }
      }
    }
  }

  p {
    color: #999;
    padding-top: 20px;
  }
}
</style>
